<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>一楼网</title>

        <!-- ALL STYLESHEET -->
        <link href="/TOP2/Public/index/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<link href="/TOP2/Public/index/css/font-awesome.min.css" rel="stylesheet">
		<link href="/TOP2/Public/index/css/style.css" rel="stylesheet">
		<link href="/TOP2/Public/index/css/style2.css" rel="stylesheet">
		<link href="/TOP2/Public/index/css/responsive.css" rel="stylesheet">
		<!--link href="css/blog-single.css" rel="stylesheet">
		<link href="css/responsive.css" rel="stylesheet"-->
    </head>   
	<body>
		
		<!-- header -->
		<header class="header">
			
			<!-- header top -->
			<div class="header-top">
				<div class="container">
					<div class="row">
						<div class="col-sm-3">
							<ul class="list-inline">
								<li>
									<div class="dropdown">
										<a class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img  src="/TOP2/Public/index/images/is.png" alt="" /> English <i class="fa fa-angle-down"></i></a>
										<ul class="dropdown-menu">
											<li><a href="#">Japani</a></li>
											<li><a href="#">Hindi</a></li>
											<li><a href="#">中国</a></li>
										</ul>
									</div>
								</li>
								<li>
									<div class="dropdown">
										<a class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Currency $USD <i class="fa fa-angle-down"></i></a>
										<ul class="dropdown-menu">
											<li><a href="#">Pound</a></li>
											<li><a href="#">Diner</a></li>
											<li><a href="#">Rupee</a></li>
										</ul>
									</div>
								</li>
							</ul>
						</div>
						<div class="col-sm-4">
							<ul class="list-inline">
								<li><a href="#" ><i class="fa fa-mobile"></i> +15821203194</a></li>
								<li><a href="#" ><i class="fa fa-envelope-o"></i> maidi_wen@163.com</a></li>
							</ul>	
						</div>
						<div class="col-sm-5">
							<ul class="list-inline pull-right">
								<li><a href="<?php echo U('Cart/index');?>" ><i class="glyphicon glyphicon-shopping-cart"></i> My Cart</a></li>
								<!-- 判断session['user'] 是否为空， -->
								<?php if(empty($_SESSION['user'])): ?><li><a href="<?php echo U('Login/index');?>" ><i class="glyphicon glyphicon-user"></i> Login</a></li>
									<li><a href="#" ><i class="glyphicon glyphicon-pencil"></i> Regstered</a></li>
								<?php else: ?>						<!-- 如果不为空则输出用户名 -->
								<li><a class="register" href="<?php echo U('Cart/orderdetails');?>" >VIP <?php echo ($_SESSION['user']['name']); ?></a></li>
								<li><a href="<?php echo U('Login/Loginout');?>"><i class="glyphicon glyphicon-off"></i> 退出</a></li><?php endif; ?>

							</ul>	
						</div>	
					</div>	
				</div>
			</div>
			
			<!-- logo and adds -->
			<div class="logo-add">
				<div class="container">
					<div class="row">
						<div class="col-sm-4">
							<div class="logo"><i class="fa fa-diamond"></i>Ground floor Net</div>
						</div>
						<div class="col-sm-8">
							<h3 class="add bb-year-end-ribbon hidden-xs"><img src="/TOP2/Public/index/images/red-tablet.png" width="40px;" alt="" /> 
							<span>一楼网打造</span></span>全球品牌<button class="btn btn-default"> 点击 加入 </button></h3>
						</div>
					</div>
				</div>
			</div>
			
			<!-- header bottom -->
			<div class="header-bottom">
				<div class="row">
					<div class="col-sm-12">
						<nav class="navbar navbar-default">
							<div class="container">
								<!-- Brand and toggle get grouped for better mobile display -->
								<div class="navbar-header">
									<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-bottom" aria-expanded="false">
										<span class="sr-only">Toggle navigation</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</button>
								</div>

								<!-- Collect the nav links, forms, and other content for toggling -->
								<div class="collapse navbar-collapse" id="header-bottom">
									<ul class="nav navbar-nav">
										<li class="active"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home</a></span>
											<ul class="dropdown-menu">
												<li><a href="<?php echo U('Index/index');?>">Home Page</a></li>
												<li><a href="<?php echo U('Cart/index');?>">Home Page 2</a></li>
											</ul>	
										</li>
										<li><a href="<?php echo U('Cart/index');?>" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Shop</a><span class="label label-danger text-center hidden-xs">New <i class="fa fa-caret-right"></i></span>
											<ul class="dropdown-menu">
												<li><a href="<?php echo U('Cart/index');?>">Products</a></li>
											
												<li><a href="<?php echo U('Cart/index');?>">New Products</a></li>
											</ul>	
										</li>
										<li><a href="<?php echo U('Cart/index');?>">CART</a></li>
										<li><a href="<?php echo U('Cart/index');?>">Blog Detail</a></li>
										<li><a href="<?php echo U('Cart/index');?>">About Us</a> <span class="label label-info text-center hidden-xs">New <i class="fa fa-caret-right"></i></span></li>
										<li><a href="<?php echo U('Cart/index');?>">Contac Us</a></li>
										<li><a href="<?php echo U('Cart/index');?>">FAQ</a></li>
									</ul>
									<form class="navbar-form navbar-right" role="search">
										<div class="form-group">
											<input type="text" class="form-control" placeholder="搜索...">
											<span class="nav-search"><a href="#"><i class="fa fa-search"></i></a></span>
										</div>	
									</form>
								</div>
							</div>
						</nav>
					</div>	
				</div>	
			</div>	
		</header>	
			
			
		<!-- desktop bar -->
		<section class="desktop-bar">
			<div class="container">
				<div class="row">
					<div class="col-sm-4">
					 <h3>Product Details <i class="fa fa-bars"></i></h3>
					</div>
					<div class="col-sm-8">
						<ol class="breadcrumb hidden-xs pull-right">
							<li><a href="#">Home</a></li>
							<li><a href="#">Shop</a></li>
							<li class="active"><a href="#">Product Details</a></li>
						</ol>
					</div>
				</div>
			</div>
		</section>

		<section class="desk-com">
			<div class="container">
				<div class="row">
					<div class="col-sm-5">
						<div id="pro-img" class="carousel slide" data-ride="carousel">
						<!-- 大图滚动 -->
							<div class="carousel-inner" role="listbox">
							<?php if(is_array($isface2)): foreach($isface2 as $key=>$valu): ?><div class="item active"><img src="/TOP2<?php echo ($valu['name']); ?>" alt=""></div><?php endforeach; endif; ?>
								<?php if(is_array($isface4)): foreach($isface4 as $key=>$vav): ?><div class="item"><img src="/TOP2<?php echo ($vav['name']); ?>" alt=""></div><?php endforeach; endif; ?>

							</div>
							<a class="left carousel-control" href="#pro-img" role="button" data-slide="prev"><i class="fa fa-angle-left"></i></a>
							<a class="right carousel-control" href="#pro-img" role="button" data-slide="next"><i class="fa fa-angle-right"></i></a>
						</div>
						<!-- 详情图片 -->
						<div class="infoimge">
						<?php if(is_array($isface1)): foreach($isface1 as $key=>$val): ?><img src="/TOP2<?php echo ($val['name']); ?>" alt=""><?php endforeach; endif; ?>
						</div>
					</div>
					<div class="col-sm-7">
						<div class="pro-details">
							<p class="category"><i class="fa fa-heart-o"></i> 正品保障</p>
							<h2><?php echo ($Details[0]['gname']); ?></h2>
							<ul class="list-inline rate-stock">
								<li><i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star"></i>
									<i class="fa fa-star-o"></i>
								</li>
								<li>4 Reviews / Add Your Review </li>
								<li>Avialability : In Stock</li>
							</ul>
							<ul class="list-inline wish-email">
								<li><i class="fa fa-heart-o"></i> +15821203194</li>
								<li><i class="fa fa-file-o"></i> Internet shopping mall on the ground floor</li>
								<li><i class="fa fa-envelope-o"></i> maidi_wen@163.com</li>
							</ul>
							<p>With Intel ® core ™ i5-6200 - u processors Intel reference platform, PL1 = 15 w TDP, 2 c4t, farce frequency speed up to 3.4 GHz / 3.2 GHz.Memory: 2 x4gb DDR4-2133.Storage: Intel ® solid-state disk (Intel ® SSD).Display: 1920 x1080 resolution.Video card drivers: 15.40.4225.Battery: 43 WHR.Operating system: Windows ® 10.</p>
							<div class="currency">促销价：<?php echo ($Details[0]['gp']); ?> <span>价格：<?php echo ($Details[0]['gp']+500); ?></span></div>
							
							<div class="currency_c">库存：&nbsp;&nbsp;&nbsp; <?php echo ($Details[0]['gs']); ?>件</div>
							<div class="currency_c">数量：
							<!-- 加入购物篮 form表单 --> 
								<form action="<?php echo U('Cart/index');?>" method='post' style="display:inline-block">
									<input type="hidden" name="id" value="<?php echo ($Details[0]['gid']); ?>">
									<button class="glyphicon glyphicon-menu-down currency_button_jia" onclick=" return plus()"></button>
									<input id="num" name="num" class="detail_info_word_num" value="1" type="text">
									<button class="glyphicon glyphicon-menu-up currency_button_jia" onclick=" return minus()"></button>

									
									<!-- <button  onclick=" return minus()" value="+" class="currency_button">+</button> -->
					</div>
							<div class="currency_h">类型：&nbsp;&nbsp;&nbsp; Intel <?php echo ($Details[0]['cname']); ?></div>
							<script>
								//增减商品
								function plus(){
									var num = document.getElementById('num');
									num1=parseInt(num.value)-1;
									if(num1<=0)
									{
										num1=1;
									}
									num.value=num1;
									return false;
								}

								function minus(){
									var num = document.getElementById('num');
									num1=parseInt(num.value)+1;
									num.value=num1;
									return false;
								}
							</script>

							<div class="add-cart">
								<button type="submit" class="button_details">
									<a class="btn btn-default" herf="">Add to Cart</a>
								</button>
							</div>
						</form><!-- 加入购物篮 form表单 结束--> 
							<p class="tags">Tags :  笔记本电脑, 台式机,平板电脑, 电脑维修, 快递运送</p>
							<ul class="list-inline p-d-social">
								<li>Share with Friends : </li>
								<li><i class="fa fa-flickr"></i></li>
								<li><i class="fa fa-pinterest-square"></i></li>
								<li><i class="fa fa-facebook-square"></i></li>
								<li><i class="fa fa-twitter-square"></i></li>
								<li><i class="fa fa-linkedin-square"></i></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<section class="desk-com">
			<div class="container">
				<div class="row">
					<div class="col-sm-12">
						<div class="description">
							<!-- Nav tabs -->  <!-- 跳转商品评价锚点 -->
							<a name="evaluation"></a>
							<ul class="nav nav-tabs" role="tablist">
								<li role="presentation" class="active"><a href="#description" aria-controls="home" role="tab" data-toggle="tab">商品详情</a></li>
								<li role="presentation"><a href="#additional-info" aria-controls="profile" role="tab" data-toggle="tab">商品评价 (1208)</a></li>
								<li role="presentation"><a href="#reviews" aria-controls="messages" role="tab" data-toggle="tab">售后服务</a></li>
							</ul>

							<!-- Tab panes -->
							<div class="tab-content">
								<div role="tabpanel" class="tab-pane active" id="description">
									<h2>Product Feature</h2>
									<p>Lorem ipsum dolor sit amet, no mea aeterno indoctum percipitur. Homero quaerendum ius ei. In pro decore tamquam 									appetere, ea mentitum mediocrem efficiantur quo. Quo no assentior conclusionemque. Qui cu ceteros accusata. Partem 									utamur explicari eos at. Ad brute veritus theophrastus vis, an quo mutat voluptaria mnesarchum, eum impetus numquam 								intellegam in. Eu alii oratio aliquip mea, eum inani tantas ex. In sit vidit eirmod, ceteros reprimique sit cu, 								    facilisis assueverit disputationi ad est.</p>

									<ul class="list-ver">
										<li><i class="fa fa-check"></i>Mutat voluptaria mnesarchum impetus</li>
										<li><i class="fa fa-check"></i>Mutat voluptaria mnesarchum impetus</li>
										<li><i class="fa fa-check"></i>Mutat voluptaria mnesarchum impetus</li>
										<li><i class="fa fa-check"></i>Mutat voluptaria mnesarchum impetus</li>
										<li><i class="fa fa-check"></i>Mutat voluptaria mnesarchum impetus</li>
										<li><i class="fa fa-check"></i>Mutat voluptaria mnesarchum impetus</li>
									</ul>

									<p>Lorem ipsum dolor sit amet, no mea aeterno indoctum percipitur. Homero quaerendum ius ei. In pro decore tamquam 									appetere, ea mentitum mediocrem efficiantur quo. Quo no assentior conclusionemque. Qui cu ceteros accusata. Partem 									utamur explicari eos at. Ad brute veritus theophrastus vis, an quo mutat voluptaria mnesarchum, eum impetus numquam 								intellegam in. Eu alii oratio aliquip mea, eum inani tantas ex. In sit vidit eirmod, ceteros reprimique sit cu, 								    facilisis assueverit disputationi ad est.</p>
								</div>
								<div role="tabpanel" class="tab-pane" id="additional-info">
								<!-- 评论管理 -->
									<div class="blog-comment comment1">
										<h2 class="t-color-6">与描述相符
												4.9
												</h2>
										<div class="heading-border b-color-6"></div>

										<!-- 遍历评论 -->
										<?php if(is_array($comm)): foreach($comm as $key=>$vacom): ?><ul class="media-list">
											<li class="media">
												<div class="media-left">
													<a href="#"><img class="media-object" src="/TOP2/Public/index/images/team-1.png" width="64" alt="..."></a>
												</div>
												<div class="media-body">
													<ul class="list-inline comment-info">
														<li><strong><?php echo ($vacom['uname']); ?></strong></li>
														<li><?php echo (date('Y-m-d',$vacom["argadd"])); ?></li>
														<li style="color:red">好评!</li>
													</ul>
													<p><?php echo ($vacom['argtext']); ?></p>
												</div>
										</ul><?php endforeach; endif; ?>
										<!-- 遍历评论 结束-->
										<h2 class="t-color-6 color_pj">其他买家,需要你的建议哦!</h2>
										<div class="heading-border b-color-6"></div>
										<div class="row form">
											<div class="col-sm-12">
											<form action="<?php echo U('Details/comments',array('id'=>$Details[0]['gid']));?>" method="post">
												<div class="form-group">
												<input type="hidden" name="orl_id" value="<?php echo ($_GET['orl_id']); ?>">

													<textarea name="text" class="text_pj" placeholder="评价...."></textarea>
												</div>
												<input type="submit" value="提交确认评价" class="btn btn-Primary btn-lg">
											</form>
											</div>
										</div>
									</div>
									<!-- 评论管理 结束-->
								</div>
								<div role="tabpanel" class="tab-pane" id="reviews">
									<h2>Product Reviews</h2>
									<p>Lorem ipsum dolor sit amet, no mea aeterno indoctum percipitur. Homero quaerendum ius ei. In pro decore tamquam 									appetere, ea mentitum mediocrem efficiantur quo. Quo no assentior conclusionemque. Qui cu ceteros accusata. Partem 									utamur explicari eos at. Ad brute veritus theophrastus vis, an quo mutat voluptaria mnesarchum, eum impetus numquam 								intellegam in. Eu alii oratio aliquip mea, eum inani tantas ex. In sit vidit eirmod, ceteros reprimique sit cu, 								    facilisis assueverit disputationi ad est.</p>

									<ul class="list-ver">
										<li><i class="fa fa-check"></i>Mutat voluptaria mnesarchum impetus</li>
										<li><i class="fa fa-check"></i>Mutat voluptaria mnesarchum impetus</li>
										<li><i class="fa fa-check"></i>Mutat voluptaria mnesarchum impetus</li>
										<li><i class="fa fa-check"></i>Mutat voluptaria mnesarchum impetus</li>
										<li><i class="fa fa-check"></i>Mutat voluptaria mnesarchum impetus</li>
										<li><i class="fa fa-check"></i>Mutat voluptaria mnesarchum impetus</li>
									</ul>

									<p>Lorem ipsum dolor sit amet, no mea aeterno indoctum percipitur. Homero quaerendum ius ei. In pro decore tamquam 									appetere, ea mentitum mediocrem efficiantur quo. Quo no assentior conclusionemque. Qui cu ceteros accusata. Partem 									utamur explicari eos at. Ad brute veritus theophrastus vis, an quo mutat voluptaria mnesarchum, eum impetus numquam 								intellegam in. Eu alii oratio aliquip mea, eum inani tantas ex. In sit vidit eirmod, ceteros reprimique sit cu, 								    facilisis assueverit disputationi ad est.</p>
								</div>
							</div>
							<nav>
							  	<ul class="pager">
									<li class="previous"><a href="#"><span aria-hidden="true">&larr;</span> Older</a></li>
									<li class="center-block"><a href="#"><i class="fa fa-th"></i></a></li>
									<li class="next"><a href="#">Newer <span aria-hidden="true">&rarr;</span></a></li>
							  	</ul>
							</nav>
							
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<!-- featured product -->
		<section class="featured-product">
			<div class="container">
				<div class="row">
					<div class="col-sm-12">
						<div class="">
							<h1><span class="t-color-1">Featured</span> Products</h1>
							<div class="heading-border b-color-1"></div>
						</div>
					</div>
				</div> <!-- section title -->
				<div id="related-pro" class="carousel slide" data-ride="carousel">
					<ol class="carousel-indicators">
						<li data-target="#related-pro" data-slide-to="0" class="active"><i class="fa fa-angle-left"></i></li>
						<li data-target="#related-pro" data-slide-to="1"><i class="fa fa-angle-right"></i></li>
					</ol>
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<div class="row">
								<div class="col-sm-3">
									<div class="thumbnail">
										<!--span class="e-label"><div>Sale</div></span-->
										<span class="service-link text-center">
											<img class="img-responsive" src="/TOP2/Public/index/images/f-pro-1.jpg" alt="">
											<div class="list-inline">
												<a href=""><i class="fa fa-eye"></i></a>
												<a href=""><i class="fa fa-link"></i></a>
											</div>
										</span>
										<div class="caption">
											<div class="category"> category
												<div class="pull-right">
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star-o"></i>
												</div>
											</div>
											<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
											<strong>$899.00</strong>
											<div><a href="#" class="btn btn-default" role="button">Add to Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i> Add to Wishlist</span></div>
										</div>
									</div>
								</div>
								<div class="col-sm-3">
									<div class="thumbnail">
										<span class="service-link text-center">
											<img class="img-responsive" src="/TOP2/Public/index/images/f-pro-1.jpg" alt="">
											<div class="list-inline">
												<a href=""><i class="fa fa-eye"></i></a>
												<a href=""><i class="fa fa-link"></i></a>
											</div>
										</span>
										<div class="caption">
											<div class="category"> category
												<div class="pull-right">
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star-o"></i>
												</div>
											</div>
											<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
											<strong>$899.00</strong>
											<div><a href="#" class="btn btn-default" role="button">Add to Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i> Add to Wishlist</span></div>
										</div>
									</div>
								</div>
								<div class="col-sm-3">
									<div class="thumbnail">
										<span class="service-link text-center">
											<img class="img-responsive" src="/TOP2/Public/index/images/f-pro-1.jpg" alt="">
											<div class="list-inline">
												<a href=""><i class="fa fa-eye"></i></a>
												<a href=""><i class="fa fa-link"></i></a>
											</div>
										</span>
										<div class="caption">
											<div class="category"> category
												<div class="pull-right">
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star-o"></i>
												</div>
											</div>
											<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
											<strong>$899.00</strong>
											<div><a href="#" class="btn btn-default" role="button">Add to Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i> Add to Wishlist</span></div>
										</div>
									</div>
								</div>
								<div class="col-sm-3">
									<div class="thumbnail">
										<span class="service-link text-center">
											<img class="img-responsive" src="/TOP2/Public/index/images/f-pro-1.jpg" alt="">
											<div class="list-inline">
												<a href=""><i class="fa fa-eye"></i></a>
												<a href=""><i class="fa fa-link"></i></a>
											</div>
										</span>
										<div class="caption">
											<div class="category"> category
												<div class="pull-right">
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star-o"></i>
												</div>
											</div>
											<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
											<strong>$899.00</strong>
											<div>
												<a href="#" class="btn btn-default" role="button">Add to Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i> Add to Wishlist</span></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="item">
							<div class="row">
								<div class="col-sm-3">
									<div class="thumbnail">
										<!--span class="e-label"><div>Sale</div></span-->
										<span class="service-link text-center">
											<img class="img-responsive" src="/TOP2/Public/index/images/f-pro-1.jpg" alt="">
											<div class="list-inline">
												<a href=""><i class="fa fa-eye"></i></a>
												<a href=""><i class="fa fa-link"></i></a>
											</div>
										</span>
										<div class="caption">
											<div class="category"> category
												<div class="pull-right">
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star-o"></i>
												</div>
											</div>
											<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
											<strong>$899.00</strong>
											<div><a href="#" class="btn btn-default" role="button">Add to Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i> Add to Wishlist</span></div>
										</div>
									</div>
								</div>
								<div class="col-sm-3">
									<div class="thumbnail">
										<span class="service-link text-center">
											<img class="img-responsive" src="/TOP2/Public/index/images/f-pro-1.jpg" alt="">
											<div class="list-inline">
												<a href=""><i class="fa fa-eye"></i></a>
												<a href=""><i class="fa fa-link"></i></a>
											</div>
										</span>
										<div class="caption">
											<div class="category"> category
												<div class="pull-right">
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star-o"></i>
												</div>
											</div>
											<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
											<strong>$899.00</strong>
											<div><a href="#" class="btn btn-default" role="button">Add to Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i> Add to Wishlist</span></div>
										</div>
									</div>
								</div>
								<div class="col-sm-3">
									<div class="thumbnail">
										<span class="service-link text-center">
											<img class="img-responsive" src="/TOP2/Public/index/images/f-pro-1.jpg" alt="">
											<div class="list-inline">
												<a href=""><i class="fa fa-eye"></i></a>
												<a href=""><i class="fa fa-link"></i></a>
											</div>
										</span>
										<div class="caption">
											<div class="category"> category
												<div class="pull-right">
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star-o"></i>
												</div>
											</div>
											<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
											<strong>$899.00</strong>
											<div><a href="#" class="btn btn-default" role="button">Add to Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i> Add to Wishlist</span></div>
										</div>
									</div>
								</div>
								<div class="col-sm-3">
									<div class="thumbnail">
										<span class="service-link text-center">
											<img class="img-responsive" src="/TOP2/Public/index/images/f-pro-1.jpg" alt="">
											<div class="list-inline">
												<a href=""><i class="fa fa-eye"></i></a>
												<a href=""><i class="fa fa-link"></i></a>
											</div>
										</span>
										<div class="caption">
											<div class="category"> category
												<div class="pull-right">
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star"></i>
													<i class="fa fa-star-o"></i>
												</div>
											</div>
											<h3>Lorem ipsum dolor sit amet dolorem molestie</h3>
											<strong>$899.00</strong>
											<div>
												<a href="#" class="btn btn-default" role="button">Add to Cart</a><span class="pull-right"><i class="fa fa-heart-o"></i> Add to Wishlist</span></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>	
		
		<!-- sponsor -->
		<section class="sponsor">
			<div class="container">			
				<div id="sponsor" class="carousel slide" data-ride="carousel">
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<div class="row">	
								<div class="col-sm-12">
									<ul class="list-inline text-center">
										<li><img class="" src="/TOP2/Public/index/images/1.gif" /></li>
										<li><img class="" src="/TOP2/Public/index/images/2.png" /></li>
										<li><img class="" src="/TOP2/Public/index/images/3.png" /></li>
										<li><img class="" src="/TOP2/Public/index/images/4.png" /></li>
										<li><img class="" src="/TOP2/Public/index/images/5.png" /></li>
										<li><img class="" src="/TOP2/Public/index/images/6.png" /></li>
										<li><img class="" src="/TOP2/Public/index/images/7.png" /></li>
										<li><img class="" src="/TOP2/Public/index/images/8.png" /></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="item">
							<div class="row">	
								<div class="col-sm-12">
									<ul class="list-inline text-center">
										<li><img class="" src="/TOP2/Public/index/images/1.gif" /></li>
										<li><img class="" src="/TOP2/Public/index/images/2.png" /></li>
										<li><img class="" src="/TOP2/Public/index/images/3.png" /></li>
										<li><img class="" src="/TOP2/Public/index/images/4.png" /></li>
										<li><img class="" src="/TOP2/Public/index/images/5.png" /></li>
										<li><img class="" src="/TOP2/Public/index/images/6.png" /></li>
										<li><img class="" src="/TOP2/Public/index/images/7.png" /></li>
										<li><img class="" src="/TOP2/Public/index/images/8.png" /></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Controls -->
				<a class="control-left" href="#sponsor" role="button" data-slide="prev"><i class="fa fa-angle-left"></i></a>
				<a class="control-right" href="#sponsor" role="button" data-slide="next"><i class="fa fa-angle-right"></i></a>
				</div>			
			</div>
		</section>	
		
		<!-- social icons -->
		<section class="social-icons">
			<div class="container">			
				<div class="row">	
					<div class="col-sm-12">
						<ul class="list-inline text-center">
							<li><a href="#" ><i class="fa fa-facebook"></i></a></li>
							<li><a href="#" ><i class="fa fa-spotify"></i></a></li>
							<li><a href="#" ><i class="fa fa-tumblr"></i></a></li>
							<li><a href="#" ><i class="fa fa-share-alt"></i></a></li>
							<li><a href="#" ><i class="fa fa-linkedin"></i></a></li>
							<li><a href="#" ><i class="fa fa-delicious"></i></a></li>
							<li><a href="#" ><i class="fa fa-instagram"></i></a></li>
							<li><a href="#" ><i class="fa fa-dropbox"></i></a></li>
							<li><a href="#" ><i class="fa fa-soundcloud"></i></a></li>
							<li><a href="#" ><i class="fa fa-pinterest"></i></a></li>
							<li><a href="#" ><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#" ><i class="fa fa-github-alt"></i></a></li>
							<li><a href="#" ><i class="fa fa-skype"></i></a></li>
							<li><a href="#" ><i class="fa fa-stumbleupon"></i></a></li>
							<li><a href="#" ><i class="fa fa-youtube"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</section>	
		
		<footer>
			<div class="footer-top">
				<div class="container">			
					<div class="row">	
						<div class="col-sm-3">
							<h2>About E-Market</h2>
							<div class="heading-border b-color-1"></div>
							<p>Nam apeirian assentior ei, utquo eros posse verterem. Cum eu error congue saperet. Te eam exerci vulputate consetetur, 								causae consulatu eaper,  apeirian assentior ei, utquo eros posse verterem. Cum eu error congue saperet. Te eam exerci 								vulputate consetetur, causae consulatu eaper</p>
							<div><a href="">Read More <i class="fa fa-angle-double-right"></i></a></div>
							<strong>Newsletter</strong>
							<form class="navbar-for" role="email">
								<div class="form-group">
									<input type="text" class="form-control" placeholder="Email Address">
									<span class="nav-search"><a href="#"><i class="fa fa-envelope"></i></a></span>
								</div>	
							</form>
							<small>Eros posse verterem congue saperet.</small>
						</div>
						<div class="col-sm-3">
							<h2>Featured Products</h2>
							<div class="heading-border b-color-1"></div>
							<ul class="media-list">
								<li class="media">
									<div class="media-left"><img src="/TOP2/Public/index/images/featured-1.jpg" alt=""></div>
									<div class="media-body">
										<p class="media-heading">Lorem ipsum dolor sit amet</p>
										<div class="category">
											<i class="fa fa-star"></i>
											<i class="fa fa-star"></i> 
											<i class="fa fa-star"></i> 
											<i class="fa fa-star"></i> 
											<i class="fa fa-star-o"></i>
										</div>
										<strong>$899.99</strong>
									</div>
								</li>
								<li class="media">
									<div class="media-left"><img src="/TOP2/Public/index/images/featured-1.jpg" alt=""></div>
									<div class="media-body">
										<p class="media-heading">Lorem ipsum dolor sit amet</p>
										<div class="category">
											<i class="fa fa-star"></i>
											<i class="fa fa-star"></i> 
											<i class="fa fa-star"></i> 
											<i class="fa fa-star"></i> 
											<i class="fa fa-star-o"></i>
										</div>
										<strong>$899.99</strong>
									</div>
								</li>
								<li class="media">
									<div class="media-left"><img src="/TOP2/Public/index/images/featured-1.jpg" alt=""></div>
									<div class="media-body">
										<p class="media-heading">Lorem ipsum dolor sit amet</p>
										<div class="category">
											<i class="fa fa-star"></i>
											<i class="fa fa-star"></i> 
											<i class="fa fa-star"></i> 
											<i class="fa fa-star"></i> 
											<i class="fa fa-star-o"></i>
										</div>
										<strong>$899.99</strong>
									</div>
								</li>
							</ul>
						</div>
						<div class="col-sm-3">
							<h2>Latest News</h2>
							<div class="heading-border b-color-1"></div>
							<ul class="media-list">
								<li class="media">
									<div class="media-left text-center">
										<img src="/TOP2/Public/index/images/featured-1.jpg" alt="">
										<span><i class="fa fa-search"></i></span>
									</div>
									<div class="media-body">
										<p class="f-border">Lorem ipsum dolor sit amet, an animal feugait</p>
										<p class="f-date">23 August 2015</p>
									</div>
								</li>
								<li class="media">
									<div class="media-left text-center">
										<img src="/TOP2/Public/index/images/featured-1.jpg" alt="">
										<span><i class="fa fa-search"></i></span>
									</div>
									<div class="media-body">
										<p class="f-border">Lorem ipsum dolor sit amet, an animal feugait</p>
										<p class="f-date">23 August 2015</p>
									</div>
								</li>
								<li class="media">
									<div class="media-left text-center">
										<img src="/TOP2/Public/index/images/featured-1.jpg" alt="">
										<span><i class="fa fa-search"></i></span>
									</div>
									<div class="media-body">
										<p class="f-border">Lorem ipsum dolor sit amet, an animal feugait</p>
										<p class="f-date">23 August 2015</p>
									</div>
								</li>
							</ul>
						</div>
						<div class="col-sm-3">
							<h2>Contact us</h2>
							<div class="heading-border b-color-1"></div>
							<strong class="media-heading">Address</strong>
							<p>Lebel 2, 13 Elezabe St, Melbounire, Victoria 3000, +8492575, USA</p>

							<strong class="media-heading">Phone & Fax</strong>
							<p>+880183947930</p>
							<p>+(980)1839479</p>

							<strong class="media-heading">E-Mail Address</strong>
							<p>support@gmail.com</p>
							<p>example@gmail.com</p>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="container">		
					<div class="row">	
						<div class="col-sm-12 text-center">
							<p>Copyright 2015 made by <a href="#">Bootultra.com</a> & Disign by Shaifuddin. All Rights Reserved.</p>
							<ul class="list-inline center-block">
								<li><a href="#"><img src="/TOP2/Public/index/images/card-1.png"></a></li>
								<li><a href="#"><img src="/TOP2/Public/index/images/card-2.png"></a></li>
								<li><a href="#"><img src="/TOP2/Public/index/images/card-3.png"></a></li>
								<li><a href="#"><img src="/TOP2/Public/index/images/card-4.png"></a></li>
								<li><a href="#"><img src="/TOP2/Public/index/images/card-5.png"></a></li>
							</ul>
						</div>
					</div>
				</div>	
			</div>
		</footer>
			
        <!-- ALL JAVASCRIPT -->         
        <script src="/TOP2/Public/index/js/jquery.js"></script>
        <script src="/TOP2/Public/index/bootstrap/js/bootstrap.min.js"></script>
        <script src="/TOP2/Public/index/js/custom.js"></script>
    </body>
</html>